﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>来加健康服务网_订单详情</title>
    <meta name="Keywords" content="来加健康服务网">
    <meta name="Description" content="来加健康服务网">
    <meta name="applicable-device" content="mobile">
    <meta name="location" content="province=河北;city=石家庄">
    <!-- 移动设备支持 -->
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
    <meta content="no-cache" http-equiv="pragma">
    <meta content="0" http-equiv="expires">
    <meta content="telephone=no, address=no" name="format-detection">
    <!--<meta name="apple-mobile-web-app-capable" content="yes"> -->
    <!--<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">-->
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <!--<meta name="x5-fullscreen" content="true">-->

    <link href="Public/mobile/css/common.css?64" rel="stylesheet" type="text/css">
    <link href="Public/mobile/css/new.css?65" rel="stylesheet" type="text/css">
    <link href="Public/mobile/js/layer/need/layer.css" rel="stylesheet" type="text/css">
    <link href="Public/mobile/js/layerModel/layerModel.css" rel="stylesheet" type="text/css">

    <link href="Public/mobile/js/date/css/mobiscroll_date.css" rel="stylesheet" />
    <script src="../Scripts/jquery-1.10.2.min.js"></script>
    <style type="text/css">
        #gbdd_div ul {
            margin-top: 5px;
        }

            #gbdd_div ul li {
                line-height: 26px;
                font-size: 12px;
            }

                #gbdd_div ul li input {
                    margin-right: 5px;
                    float: left;
                    margin-top: 6px;
                }
    </style>
   
</head>
<body>
    <header class="header">
        <a class="fh_btn" href="javascript:;"></a>
        <h2>订单详情</h2>
        <a class="hom_icon" href="Index.html"></a>
    </header>
    <div style="height:50px"></div>

    <form id="orderinfo_form">
        <div class="tj_cont">
            <div class="tj_cont_h">
                <span class="fl">订单号：D161026150911901</span>
                <!-- <a id="edit_order_btn" class="rt xq" href="javascript:;">修改</a>
                <a id="save_order_btn" class="baocun" href="javascript:;" style="display:none;">保存</a>
                <a id="cancel_order_btn" class="baocun" href="javascript:;" style="display:none;">取消</a> -->
            </div>
            <div class="order_1tc">
                <a href="javascript:;">
                    <h3>福建医科大学附属第一医院体检套餐4（男）</h3>
                    <div class="pic"><img style="display: inline;" alt="福建医科大学附属第一医院体检套餐4（男）" src="http://www.viptijian.com/Uploads/images/combos/201507/m_1438054670.jpg" /></div>
                    <div class="info">
                        <div class="i-note">
                            <div class="price">¥880 <em>医院价：<s>¥925</s></em></div>
                            <p>体检日期：2016-10-29</p>
                            <p>支付方式：在线支付</p>
                        </div>
                    </div>
                </a>
                <div class="clear"></div>
            </div>
            <div class="tj_cont_h">体检人信息</div>
            <table class="tj-tab" border="0" cellpadding="2" cellspacing="0">
                <tr>
                    <td colspan="2">
                        <label>体检人：</label>
                        <input name="tjr_xm[64525]" placeholder="请输入体检人姓名" style="display:none;" value="宋泽宇" type="text" />
                        <span>宋泽宇</span>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <label>性别：</label>
                        <select name="tjr_xb[64525]" placeholder="请选择性别" style="display:none;width:50px;">
                            <option selected="selected" b value="1">男</option>
                            <option value="0">女</option>
                        </select>
                        <span>男</span>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <label>体检时间：</label>
                        <input value="2016-10-29" style="display: none;" placeholder="请选择体检日期！" name="tj_time[64525]" type="text" id="tj_time64525" />
                        <span>2016-10-29</span>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <label>手机号：</label>
                        <input data-role="oth_tjrsj" name="tjr_sj[64525]" placeholder="请输入体检人手机号！" style="display:none;" value="18811742118" type="text" />
                        <span>18811742118</span>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <label>身份证：</label>
                        <input data-tjr_sfz_lx="0" data-role="oth_tjrsfz" name="tjr_sfz[64525]" placeholder="请输入体检人身份证号！" style="display:none;" value="230223199309040211" type="text">
                        <span>230223199309040211</span>
                        <input type="hidden" value="0" name="tjr_sfz_lx[64525]" />
                    </td>
                </tr>
            </table>
        </div>

        <div class="tj_cont">
            <div class="tj_cont_h">预约人信息</div>
            <table class="tj-tab" border="0" cellpadding="2" cellspacing="0">
                <tbody>
                    <tr>
                        <td colspan="2">
                            <label>手机号：</label>
                            <input data-role="oth_tjrsj" name="ydr_mob" placeholder="请输入预约人手机号" style="display:none;" value="18811742118" class="zhtc-tel" type="text" />
                            <span>18811742118</span>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <label>订单备注：</label>
                            <textarea placeholder="请输入备注" style="display:none;" name="ydr_bz"></textarea>
                            <span></span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="us_ord_tjbtnbox">
            <div class="us_ord_pic">
                <span class="fl">订单总额</span>
                <span class="rt_pic">￥880.00</span>
            </div>
            <div class="us_ord_pic">
                <span class="fl">使用优惠券</span>
                <span class="rt_pic">-0.00</span>
                <span class="fl">红包返现</span>
                <span class="rt_pic">-0.00</span>
                <span class="fl">使用体检卡</span>
                <span class="rt_pic">-0.00</span>
                <span class="fl">组合优惠</span>
                <span class="rt_pic">-0.00</span>
            </div>
            <div class="us_ord_pic">
                <span class="fl">到院应付</span>
                <span class="us_rt_pic">-0.00</span>
                <span class="fl">在线应付</span>
                <span class="us_rt_pic">-880.00</span>
            </div>
            <div class="us_ord_pic">
                <div class="yingfu">
                    <span class="fl">在线实付：</span>
                    <span class="rt">￥880.00</span>
                </div>
            </div>
            <div class="ore_btnbox">
                <a data-role='drawer' data-panel="#gbdd_div" data-fixed="right" data-position="fixed" data-handle="#gbdd_btn_close" class="qx_btn" href="javascript:;">取消订单</a>
                <a class="btn" class="btn" href="/Order/ok_order/oid/66554">立即付款</a>
            </div>
        </div>
        <input type="hidden" value="66554" name="oid" id="oid" />
        <input type="hidden" value="D161026150911901" name="orderno" />
        <input type="hidden" value="0" id="has_jy_tc" name="has_jy_tc" />

        <!-- 收货地址 -->
    </form>
    <div id="gbdd_div" class="bgtbox">
        <div class="close_tcc_div"><a id="gbdd_btn_close" href="javascript:;"><span></span></a></div>
        <div class="yyr_box" style="padding:10px;margin-top: 50px">
            <h1 style="font-size: 14px;color:#90d169;">为了帮助我们做的更好，请提交关闭原因（至少选一项）</h1>
            <ul>
                <li>
                    <label><input type="radio" name="cancel_reason" value="0" />支付时候出故障，支付不了</label>
                </li>
                <li>
                    <label><input type="radio" name="cancel_reason" value="1" />付款时，余额限制了</label>
                </li>
                <li>
                    <label><input type="radio" name="cancel_reason" value="2" />买多了 / 不想买了</label>
                </li>
                <li>
                    <label><input type="radio" name="cancel_reason" value="3" />信息写错，重新下单</label>
                </li>
                <li>
                    <label><input type="radio" name="cancel_reason" value="4" />朋友 / 网上评价不好</label>
                </li>
                <li>
                    <label><input type="radio" name="cancel_reason" value="5" />计划有变，时间安排不上</label>
                </li>
                <li>
                    <label><input type="radio" name="cancel_reason" value="6" />其他</label>
                    <input placeholder="请输入其他的理由" class="qtbtn" style="border:1px solid #eee;" type="text" name="ot_remark" id="ot_remark" />
                </li>
            </ul>
            <div class="clear"></div>

        </div>
        <a href="javascript:;" id="guanbi_page_btn" class="yhq_sy" style="margin: 15px 10px 5px;">确定</a>
    </div>

    <script type="text/javascript">
  // 定义一些常量
  var __appId = "";			        // 必填，公众号的唯一标识
  var __timestamp = ""; 	// 必填，生成签名的时间戳
  var __nonceStr = ""; 		// 必填，生成签名的随机串
  var __signature = "";	// 必填，签名，见附录1
  var __public='/Public';
  var __baiduak="FE5a0df097aaacb5b50fe2c75fd2de0f";
  var __refererType__="normal";
  var __indexUrl__="/";//默认的首页地址,即当返回到顶层时的地址
    </script>
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    <!-- <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> -->
    <script type="text/javascript" src="Public/mobile/js/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="Public/mobile/js/layer/layer.js"></script>
    <script type="text/javascript" src="Public/mobile/js/layerModel/jquery.layerModel.js"></script>
    <script type="text/javascript" src="Public/mobile/js/jquery.scrollLoading.js"></script>
    <script type="text/javascript" src="Public/mobile/js/jquery.cookie.js"></script>
    <script type="text/javascript">
    if(__refererType__=="weixin"){
        document.write('<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"><\/script>');
    }
    </script>
    <script type="text/javascript" src="mobile/js/common.js?72"></script>

    <script type="text/javascript">
    var limit = $.parseJSON('{"disabledDates":["2016-11-02","2016-11-03","2016-11-04","2016-11-05","2016-11-06","2016-11-07","2016-11-08","2016-11-09","2016-11-10","2016-11-11","2016-11-12","2016-11-13","2016-11-14","2016-11-15","2016-11-16","2016-11-17","2016-11-18","2016-11-19","2016-11-20","2016-11-21","2016-11-22","2016-11-23","2016-11-24","2016-11-25","2016-11-26","2016-11-27","2016-11-28","2016-11-29","2016-11-30","2016-12-01","2016-12-02","2016-12-03","2016-12-04","2016-12-05","2016-12-06","2016-12-07","2016-12-08","2016-12-09","2016-12-10","2016-12-11","2016-12-12","2016-12-13","2016-12-14","2016-12-15","2016-12-16","2016-12-17","2016-12-18","2016-12-19","2016-12-20","2016-12-21","2016-12-22","2016-12-23","2016-12-24","2016-12-25","2016-12-26","2016-12-27","2016-12-28","2016-12-29","2016-12-30","2016-12-31","2017-01-01","2017-01-02","2017-01-03","2017-01-04","2017-01-05","2017-01-06","2017-01-07","2017-01-08","2017-01-09","2017-01-10","2017-01-11","2017-01-12","2017-01-13","2017-01-14","2017-01-15","2017-01-16","2017-01-17","2017-01-18","2017-01-19","2017-01-20","2017-01-21","2017-01-22","2017-01-23","2017-01-24","2017-01-25","2017-01-26","2017-01-27","2017-01-28","2017-01-29","2017-01-30"],"opposite":true}');
    </script>
    <script type="text/javascript" src="Public/mobile/js/date/js/mobiscroll_date.js"></script>
    <script type="text/javascript" src="Public/mobile/js/date/js/mobiscroll.js"></script>
    <script type="text/javascript" src="Public/mobile/js/member.js"></script>
    <script type="text/javascript">
    //解析事sem推广
    var hash=location.hash;
    var reg=new RegExp("sem_(bd|360|sg|jt|sm)_(.*)?");
    if(reg.test(hash)){
        var matchs=reg.exec(hash);
        $.get("/Sem/submit",{channel:matchs[1],keys:matchs[2]},function(){
        });
    }
    </script>
    <div style="display:none">
        <!--统计代码-->
        <img src="http://c.cnzz.com/wapstat.php?siteid=1253083248&r=http%3A%2F%2Fm.viptijian.com%2FMember%2Fmy_order.html&rnd=1436377306" width="0" height="0" />    <!--百度统计代码-->
        <img src="http://hm.baidu.com/hm.gif?si=e23220b7e728f5512d935dd4b95e539d&amp;et=0&amp;nv=0&amp;st=4&amp;lt=1477909956&amp;su=http%3A%2F%2Fm.viptijian.com%2FMember%2Fmy_order.html&amp;v=wap-0-0.2&amp;rnd=6479696314" width="0" height="0" />
    </div>
    <script type="text/javascript">
    // 新的百度统计代码
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?da5f5c0399ed040f41e88552ab48d766";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
    </script>
    <!--腾讯统计代码-->
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=58654145" charset="UTF-8"></script>
</body>
</html>
<script>

    $(function () {

        var uri = document.documentURI;
        var i = uri.lastIndexOf("?") + 1;
        var eid = uri.substr(i);


        loadInfo(eid);

        del_order(eid);

    });


    function del_order(id)
    {
        $("#guanbi_page_btn").click(function () {

            $.ajax({
                url: '/Api/del_order',
                type: 'post',
                data: { Id: id },
                dataType: 'json',
                success: function (data) {
                    if (data.Code < 1) {
                        alert(data.Msg);
                    }
                    else {
                        alert(data.Msg);
                        location.href = 'presonal.html';
                    }
                },
                error: function () {
                    // alert("ajax错误！");
                    location.href = 'presonal.html';
                }
            });
        });
    };



    function loadInfo(id)
    {
        $.ajax({
            url: '/Api/my_order_details',
            type: 'post',
            data: { Id: id },
            dataType: 'json',
            success: function (data) {
                if (data.Code == 0) {
                    alert(data.Msg);
                }
                else {
                    $("#orderinfo_form").empty();

                    var content = "<div class=\"tj_cont\"><div class=\"tj_cont_h\"><span class=\"fl\">订单号：" + data.Data.Ordercode + "</span><a id=\"edit_order_btn\" class=\"rt xq\" href=\"javascript:;\">修改</a><a id=\"save_order_btn\" class=\"baocun\" href=\"javascript:;\" style=\"display:none;\">保存</a><a id=\"cancel_order_btn\" class=\"baocun\" href=\"javascript:;\" style=\"display:none;\">取消</a></div><div class=\"order_1tc\"><a href=\"javascript:;\"><h3>" + data.Data.Details[0].Combo.Name + "</h3><div class=\"pic\"><img style=\"display: inline;\" alt=\"" + data.Data.Details[0].Combo.Name + "\" src=\"Public/mobile/images/m_1438054670.jpg \" /></div><div class=\"info\"><div class=\"i-note\"><div class=\"price\">¥" + data.Data.SumPrice + " <em>医院价：<s>¥...</s></em></div><p>体检日期：" + data.Data.CreateDate.Year + "</p><p>支付方式：在线支付</p></div></div></a><div class=\"clear\"></div></div><div class=\"tj_cont_h\">体检人信息</div><table class=\"tj-tab\" border=\"0\" cellpadding=\"2\" cellspacing=\"0\"><tr><td colspan=\"2\"><label>体检人：</label><input name=\"tjr_xm[64525]\" placeholder=\"请输入体检人姓名\" style=\"display:none;\" value=\"" + data.Data.BookerName + "\" type=\"text\" /><span>" + data.Data.BookerName + "</span></td></tr><tr><td colspan=\"2\"><label>性别：</label><select name=\"tjr_xb[64525]\" placeholder=\"请选择性别\" style=\"display:none;width:50px;\"><option selected=\"selected\" b value=\"1\">男</option><option value=\"0\">女</option></select><span>男</span></td></tr><tr><td colspan=\"2\"><label>体检时间：</label><input value=\"" + data.Data.CreateDate + "\" style=\"display: none;\" placeholder=\"请选择体检日期！\" name=\"tj_time[64525]\" type=\"text\" id=\"tj_time64525\" /><span>" + data.Data.CreateDate.Year + "</span></td></tr><tr><td colspan=\"2\"><label>手机号：</label><input data-role=\"oth_tjrsj\" name=\"tjr_sj[64525]\" placeholder=\"请输入体检人手机号！\" style=\"display:none;\" value=\"" + data.Data.BookerPhone + "\" type=\"text\" /><span>" + data.Data.BookerPhone + "</span></td></tr><tr><td colspan=\"2\"><input type=\"hidden\" value=\"0\" name=\"tjr_sfz_lx[64525]\" /></td></tr></table></div><div class=\"tj_cont\"><div class=\"tj_cont_h\">预约人信息</div><table class=\"tj-tab\" border=\"0\" cellpadding=\"2\" cellspacing=\"0\"><tbody><tr><td colspan=\"2\"><label>手机号：</label><input data-role=\"oth_tjrsj\" name=\"ydr_mob\" placeholder=\"请输入预约人手机号\" style=\"display:none;\" value=\"" + data.Data.BookerPhone + "\" class=\"zhtc-tel\" type=\"text\" /><span>" + data.Data.BookerPhone + "</span></td></tr><tr><td colspan=\"2\"><label>订单备注：</label><textarea placeholder=\"请输入备注\" style=\"display:none;\" name=\"ydr_bz\"></textarea><span></span></td></tr></tbody></table></div><div class=\"us_ord_tjbtnbox\"><div class=\"us_ord_pic\"><span class=\"fl\">订单总额</span><span class=\"rt_pic\">￥" + data.Data.SumPrice + "</span></div><div class=\"us_ord_pic\"><div class=\"yingfu\"><span class=\"fl\">在线实付：</span><span class=\"rt\">￥" + data.Data.SumPrice + "</span></div></div><div class=\"ore_btnbox\"><a data-role='drawer' data-panel=\"#gbdd_div\" data-fixed=\"right\" data-position=\"fixed\" data-handle=\"#gbdd_btn_close\" class=\"qx_btn\" href=\"javascript:;\">取消订单</a><a class=\"btn\" class=\"btn\" href=\"/Order/ok_order/oid/66554\">等待付款</a></div></div><input type=\"hidden\" value=\"" + data.Data.Id + "\" name=\"oid\" id=\"oid\" /><input type=\"hidden\" value=\"" + data.Data.Ordercode + "\" name=\"orderno\" /><input type=\"hidden\" value=\"0\" id=\"has_jy_tc\" name=\"has_jy_tc\" />";

                    $("#orderinfo_form").append(content);
                }
            },
            error: function () {
                // alert("ajax错误！");
                location.href = 'presonal.html';
            }
        });
    };

</script>

